﻿<script src="~/lib/vue/dist/vue.global.js"></script>
<script src="~/lib/axios/dist/axios.js"></script>
<link href="~/lib/element-plus/dist/index.css" rel="stylesheet" />
<script src="~/lib/element-plus/dist/index.full.js"></script>
<div id="app">
	<form id="recruitAction!saveEngageResume" name="fm" action="/HR_Fist/recruit/recruitAction!saveEngageResume" method="post" enctype="multipart/form-data">
		<input type="hidden" name="engageResume.passCheckcomment" value="不通过" />
		<input type="hidden" name="engageResume.passPasscomment" value="不通过" />
		<input type="hidden" name="engageResume.checkStatus" value="false" />
		<table width="100%">
			<tr>
				<td>
					<p color="black">您正在做的业务是：人力资源--招聘管理--简历管理--简历筛选--简历筛选编辑 </p>

				</td>
			</tr>
			<tr>
				<td align="right">

					<input type="button" value="推荐" class="BUTTON_STYLE1" v-on:click="tj">
					<input type="reset" value="清除" class="BUTTON_STYLE1">
				</td>
			</tr>
		</table>
		<table width="100%" border="1" cellpadding=0 cellspacing=1
			   bordercolorlight=#848284 bordercolordark=#eeeeee
			   class="TABLE_STYLE1">
			<tr>
				<td class="TD_STYLE1">
					职位分类
				</td>
				<td class="TD_STYLE2">
					<input type="hidden" value="01" id="humanMajorKindId" name="engageResume.humanMajorKindId" />
					<el-select v-model="obj.zwfl" placeholder="--请选择--" class="aaa">
						<el-option v-for="item in zwfl"
								   :key="item.majorKindId"
								   :label="item.majorKindName"
								   :value="item.majorKindId+item.majorKindName"
								   v-on:click="jls(item.majorKindId)" />
					</el-select>
				</td>
				<td class="TD_STYLE1">
					职位名称
				</td>
				<td class="TD_STYLE2" width="20%">

					<input type="hidden" value="02" name="engageResume.humanMajorId" />
					<el-select v-model="obj.zwmc" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in zwmc"
								   :label="item.majorName"
								   :value="item.majorId+item.majorName"></el-option>
					</el-select>
				</td>
				<td width="11%" class="TD_STYLE1">
					招聘类型
				</td>
				<td class="TD_STYLE2" colspan="2">
					<el-select v-model="from.zplx" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option value="社会招聘">社会招聘</el-option>
						<el-option value="校园招聘">校园招聘</el-option>
					</el-select>
				</td>
				<td rowspan="6">
					<el-image style="width: 100%; height: 200px"
							  :src="url"
							  :fit="fit"></el-image>
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					姓名
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.xm" type="text" name="engageResume.humanName" id="name" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					性别
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.xb" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option value="男">男</el-option>
						<el-option value="女">女</el-option>
					</el-select>
				</td>
				<td class="TD_STYLE1">
					EMAIL
				</td>
				<td colspan="2" class="TD_STYLE2">
					<el-input v-model="from.yx" type="text" name="engageResume.humanEmail" id="email" class="INPUT_STYLE2">
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					电话
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.dh" type="text" name="engageResume.humanTelephone" id="phone" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					家庭电话
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.jtdh" type="text" name="engageResume.humanHomephone" id="humanHomephone" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					手机
				</td>
				<td colspan="2" class="TD_STYLE2">
					<el-input v-model="from.sj" type="text" name="engageResume.humanMobilephone" id="humanMobilephone" class="INPUT_STYLE2">
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					住址
				</td>
				<td colspan="3" class="TD_STYLE2">
					<el-input v-model="from.zz" type="text" name="engageResume.humanAddress" class="INPUT_STYLE2">
				</td>

				<td class="TD_STYLE1">
					邮编
				</td>
				<td colspan="2" class="TD_STYLE2">
					<el-input v-model="from.yb" type="text" name="engageResume.humanPostcode" class="INPUT_STYLE2">
				</td>
			</tr>

			<tr>
				<td class="TD_STYLE1">
					国籍
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.gj" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in gj"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>
				<td class="TD_STYLE1">
					出生地
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.csd" type="text" name="engageResume.humanBirthplace" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					生日
				</td>
				<td width="13%" colspan="2" class="TD_STYLE2">
					<el-input v-model="from.sr" type="text" name="engageResume.humanBirthday" id="birthday" class="INPUT_STYLE2">
				</td>

			</tr>
			<tr>
				<td width="11%" class="TD_STYLE1">
					民族
				</td>
				<td class="TD_STYLE2" width="14%">
					<el-select v-model="from.mz" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in mz"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>
				<td class="TD_STYLE1">
					宗教信仰
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.zjxy" placeholder="--请选择--" class="SELECT_STYLE1">

						<el-option v-for="item in zjxy"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>
				<td class="TD_STYLE1">
					政治面貌
				</td>
				<td class="TD_STYLE2" colspan="2">
					<el-select v-model="from.zzmm" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in zzmm"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>


			</tr>
			<tr>
				<td class="TD_STYLE1">
					身份证号码
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.sfzhm" type="text" name="engageResume.humanIdcard" id="card" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					年龄
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.nl" type="text" name="engageResume.humanAge" id="humanAge" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					毕业院校
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.byyx" type="text" name="engageResume.humanCollege" class="INPUT_STYLE2" />
				</td>

				<td class="TD_STYLE1">
					学历
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.xl" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in xl"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>

			</tr>
			<tr>
				<td class="TD_STYLE1">
					教育年限
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.jynx" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in jynx"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>
				<td class="TD_STYLE1">
					学历专业
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.xlzy" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in xlzy"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>
				</td>

				<td class="TD_STYLE1">
					薪酬要求
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.xcyq" type="text" name="engageResume.demandSalaryStandard" id="demandSalaryStandard" class="INPUT_STYLE2" />
				</td>
				<td class="TD_STYLE1">
					注册时间
				</td>
				<td class="TD_STYLE2">
					<el-input v-model="from.zcsj" type="text" name="engageResume.registTime"
							  id="nowTime" readonly="readonly"
							  class="INPUT_STYLE2">
				</td>

			</tr>
			<tr>

				<td class="TD_STYLE1">
					特长
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.tc" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in tc"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>

				</td>
				<td class="TD_STYLE1">
					爱好
				</td>
				<td class="TD_STYLE2">
					<el-select v-model="from.ah" placeholder="--请选择--" class="SELECT_STYLE1">
						<el-option v-for="item in ah"
								   :label="item.attributeName"
								   :value="item.attributeName"></el-option>

					</el-select>

				</td>
				<td class="TD_STYLE1">
					推荐人
				</td>
				<td >
					<el-input v-model="from.tjr" class="INPUT_STYLE2">
				</td>
				<td class="TD_STYLE1">
					推荐时间
				</td>
				<td >
					<el-input v-model="from.tjsj" class="INPUT_STYLE2">
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					个人履历
				</td>
				<td colspan="7" class="TD_STYLE2">
					<textarea readonly v-model="from.grll" name="engageResume.humanHistoryRecords" rows="4" class="TEXTAREA_STYLE1"></textarea>
				</td>
			</tr>

			<tr>
				<td class="TD_STYLE1">
					备注
				</td>
				<td colspan="7" class="TD_STYLE2">
					<textarea readonly v-model="from.bz" name="engageResume.remark" rows="4" class="TEXTAREA_STYLE1"></textarea>
				</td>
			</tr>
			<tr>
				<td class="TD_STYLE1">
					推荐意见
				</td>
				<td colspan="7" class="TD_STYLE2">
					<select v-model ="from.tjyj" name="engageResume.remark" rows="4" class="TEXTAREA_STYLE1" style="height:50px">
							<option>通过</option>
							<option>不通过</option>
						</select>
				</td>
			</tr>
		</table>
	</form>

</div>
<script type="text/javascript">
	var { createApp, reactive, ref, computed, watchEffect } = Vue
	var app = createApp({
		setup() {
			//接收传值
			const urlParams = new URLSearchParams(window.location.search);
			const rowData = JSON.parse(urlParams.get('rowData'));
			const uName = computed(() => {
				return sessionStorage.getItem('u');
			});
			//定义下拉框
			let obj = reactive({
				zwfl: "",
				zwmc: ""
			})
			let gj = ref([]);
			let mz = ref([]);
			let zjxy = ref([]);
			let zzmm = ref([]);
			let xl = ref([]);
			let jynx = ref([]);
			let xlzy = ref([]);
			let tc = ref([]);
			let ah = ref([]);
			let zwfl = ref([]);
			let zwmc = ref([]);
			//给下拉框赋值
			axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
			axios.post('/GetCPCSSSAttributeKind', {
				name: "国籍"
			}).then(res => {
				gj.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "民族"
			}).then(res => {
				mz.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "宗教信仰"
			}).then(res => {
				zjxy.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "政治面貌"
			}).then(res => {
				zzmm.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "学历"
			}).then(res => {
				xl.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "教育年限"
			}).then(res => {
				jynx.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "专业"
			}).then(res => {
				xlzy.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "特长"
			}).then(res => {
				tc.value = res.data;
			});
			axios.post('/GetCPCSSSAttributeKind', {
				name: "爱好"
			}).then(res => {
				ah.value = res.data;
			});
			axios.get('/GetCMK')
				.then(function (response) {
				zwfl.value = response.data;
			})
			//定义接收字段
			let from = reactive({
				Id: "",
				zwflbh: "",
				zwflmc: "",
				zwbh: "",
				zwmc: "",
				zplx: "",
				xm: "",
				xb: "",
				yx: "",
				dh: "",
				jtdh: "",
				sj: "",
				zz: "",
				yb: "",
				gj: "",
				csd: "",
				sr: "",
				mz: "",
				zjxy: "",
				zzmm: "",
				sfzhm: "",
				nl: "",
				byyx: "",
				xl: "",
				jynx: "",
				xlzy: "",
				xcyq: "",
				zcsj: "",
				tc: "",
				ah: "",
				grll: "",
				bz: "",
				djr: "",
				tjr:"",
				tjsj:"",
				tjyj:"",
				tp:""
			});
			//登记人
			from.tjr = uName;
			//获取当前时间
			from.tjsj = ref(new Date().toLocaleString());

			// 如果你想要实时更新时间，可以使用watchEffect或setInterval
			watchEffect(() => {
				const interval = setInterval(() => {
					from.tjsj = new Date().toLocaleString();
				}, 1000);
			});

			//点击一级下拉框，出现二级
			function jls(zhi) {
				obj.zwmc = "";
				axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
				axios.get('/GetCMById/' + zhi).then(response => {
					
					zwmc.value = response.data;
				}).catch(error => {
					console.error('Error fetching data:', error);
				});
			}
			//进行修改操作
			function tj() {
				if (rowData == null) {
					from.zwflbh = obj.zwfl.substring(0, 2);
					from.zwflmc = obj.zwfl.substring(2);
					from.zwbh = obj.zwmc.substring(0, 2);
					from.zwmc = obj.zwmc.substring(2);
				}
				
				axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
				axios.post('/UpdateER', {
					ResId:from.Id,
					HumanName: from.xm,
					EngageType: from.zplx,
					HumanAddress: from.zz,
					HumanPostcode: from.yb,
					HumanMajorKindId: from.zwflbh,
					HumanMajorKindName: from.zwflmc,
					HumanMajorId: from.zwbh,
					HunmaMajorName: from.zwmc,
					HumanTelephone: from.dh,
					HumanHomephone: from.jtdh,
					HumanMobilephone: from.sj,
					HumanEmail: from.yx,
					HumanHobby: from.ah,
					HumanSpeciality: from.tc,
					HumanSex: from.xb,
					HumanReligion: from.zjxy,
					HumanParty: from.zzmm,
					HumanNationality: from.gj,
					HumanRace: from.mz,
					HumanBirthday: from.sr,
					HumanAge: from.nl,
					HumanEducatedDegree: from.xl,
					HumanEducatedYears: from.jynx,
					HumanEducatedMajor: from.xlzy,
					HumanCollege: from.byyx,
					HumanIdcard: from.sfzhm,
					HumanBirthplace: from.csd,
					DemandSalaryStandard: from.xcyq,
					HumanHistoryRecords: from.grll,
					Remark: from.bz,
					RegistTime: from.zcsj,
					Register: from.djr,
					Checker:from.tjr,
					CheckTime:from.tjsj,
					Recomandation: from.tjyj,
					HumanPicture:from.tp
				}).then(response => {
					if (response.data) {
						alert("成功");
					} else {
						alert("失败");
					}
				}).catch(error => {
					console.error('Error fetching data:', error);
				});
			}
			//判断是否通过传值进入
			if (rowData != null) {
				//进行字段赋值
				axios.defaults.headers["Content-Type"] = "application/x-www-form-urlencoded";
				axios.post('/GetCMSById', {
					id: rowData.humanMajorId
				}).then(response => {
					obj.zwfl = response.data.majorKindName;
					from.zwflbh = response.data.majorKindId;
					from.zwflmc = response.data.majorKindName;
				}).catch(error => {
					console.error('Error fetching data:', error);
				});
				from.zwbh = rowData.humanMajorId;
				from.zwmc = rowData.hunmaMajorName;
				obj.zwfl = rowData.humanMajorKindName;
				obj.zwmc = rowData.hunmaMajorName;
				from.Id = rowData.resId;
				from.zplx= rowData.engageType;
				from.xm = rowData.humanName;
				from.xb = rowData.humanSex
				from.yx = rowData.humanEmail;
				from.dh = rowData.humanTelephone;
				from.jtdh = rowData.humanHomephone;
				from.sj = rowData.humanMobilephone;
				from.zz = rowData.humanAddress;
				from.yb = rowData.humanPostcode;
				from.gj = rowData.humanNationality;
				from.csd = rowData.humanBirthplace;
				from.sr = rowData.humanBirthday;
				from.mz = rowData.humanRace;
				from.zjxy = rowData.humanReligion;
				from.zzmm = rowData.humanParty;
				from.sfzhm = rowData.humanIdcard;
				from.nl = rowData.humanAge;
				from.byyx = rowData.humanCollege;
				from.xl = rowData.humanEducatedDegree;
				from.jynx = rowData.humanEducatedYears;
				from.xlzy = rowData.humanEducatedMajor;
				from.xcyq = rowData.demandSalaryStandard;
				from.zcsj = rowData.registTime;
				from.tc = rowData.humanSpeciality;
				from.ah = rowData.humanHobby;
				from.grll = rowData.humanHistoryRecords;
				from.bz = rowData.remark;
				from.djr = rowData.register
				from.tp = rowData.humanPicture;
			}
			let url = ref("/images/" + from.tp);
			return {
				jls,
				gj,
				mz,
				zjxy,
				zzmm,
				xl,
				jynx,
				xlzy,
				tc,
				ah,
				zwfl,
				zwmc,
				from,
				obj,
				tj,
				url
			}
		}
	})
	app.use(ElementPlus)
	app.mount("#app")
</script>
<style>
	/* CSS Document */
	* {
		FONT-FAMILY: 微软雅黑;
	}

	.resizeDivClass {
		position: relative;
		background-color: #DEDBD6;
	
		z-index: 1;
		left: expression(this.parentElement.offsetWidth-1);
		cursor: e-resize;
	}

	A:visited {
		TEXT-DECORATION: none
	}

	A:active {
		TEXT-DECORATION: none
	}

	A:hover {
		TEXT-DECORATION: underline overline
	}

	A:link {
		TEXT-DECORATION: none
	}

	.t {
		LINE-HEIGHT: 1.4
	}

	BODY {
		background-color: #FFFFBB;
		border: 1px solid #FFDB6F;
		display: block;
		margin: 8px;
	}

	BR {
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	TEXTAREA {
		BACKGROUND-COLOR: #FFFFCC;
		BORDER-BOTTOM-COLOR: #000000;
		BORDER-BOTTOM-WIDTH: 1px;
		BORDER-LEFT-COLOR: #000000;
		BORDER-LEFT-WIDTH: 1px;
		BORDER-RIGHT-COLOR: #000000;
		BORDER-RIGHT-WIDTH: 1px;
		BORDER-TOP-COLOR: #000000;
		BORDER-TOP-WIDTH: 1px;
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	SELECT {
		BACKGROUND-COLOR: #FFFFCC;
		BORDER-BOTTOM-COLOR: #000000;
		BORDER-BOTTOM-WIDTH: 1px;
		BORDER-LEFT-COLOR: #000000;
		BORDER-LEFT-WIDTH: 1px;
		BORDER-RIGHT-COLOR: #000000;
		BORDER-RIGHT-WIDTH: 1px;
		BORDER-TOP-COLOR: #000000;
		BORDER-TOP-WIDTH: 1px;
		FONT-FAMILY: ����;
		FONT-SIZE: 9pt
	}

	.gray {
		CURSOR: pointer;
		
	}

	.style3 {
		font-size: 16px;
		font-weight: bold;
	}

	.TABLE_STYLE1 {
		border: 1px solid;
		border-color: #000000;
		border-collapse: collapse;
		width: 100%;
	}

	.TABLE_STYLE2 {
		width: 100%;
	}

	.ALL-STYLE {
		border: 1px ridge #666666;
		border-color: #DEDBD6;
	}

	.TR_STYLE1 {
	}

	.style8 {
		color: #000066
	}



	.TD_HANDBOOK_STYLE1 {
		vertical-align: top;
		width: 100%;
		color: #0000FF;
	}

	.TD_STYLE1 {
		background-color: #FFDB6F;
	}

	.TD_STYLE2 {
		border-spacing: 1px;
		background-color: #FFFFBB;
		border-color: #DEDBD6;
		border: 0;
	}
	.SELECT_STYLE1 {
		width: 100%;
	}

	.SELECT_STYLE2 {
		width: 30%;
	}

	.TEXTAREA_STYLE1 {
		width: 100%;
	}

	.DIV_STYLE1 {
		float: right;
		vertical-align: top;
	}

	.DIV_STYLE2 {
		vertical-align: top;
	}

	.INPUT_STYLE1 {
		BACKGROUND-COLOR: #FFFFCC;
		width: 30%
	}

	.INPUT_STYLE2 {
		BACKGROUND-COLOR: #FFFFCC;
		width: 100%
	}
	.custom-select .el-input__inner {
		background-color: transparent;
		border: 1px solid #ccc; /* 或者其他你想要的边框颜色 */
	}
</style>
<style>
	body {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: .8em;
	}

	/* the div that holds the date picker calendar */
	.dpDiv {
	}


	/* the table (within the div) that holds the date picker calendar */
	.dpTable {
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: center;
		color: #505050;
		background-color: #ece9d8;
		border: 1px solid #AAAAAA;
	}


	/* a table row that holds date numbers (either blank or 1-31) */
	.dpTR {
	}


	/* the top table row that holds the month, year, and forward/backward buttons */
	.dpTitleTR {
	}


	/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
	.dpDayTR {
	}


	/* the bottom table row, that has the "This Month" and "Close" buttons */
	.dpTodayButtonTR {
	}


	/* a table cell that holds a date number (either blank or 1-31) */
	.dpTD {
		border: 1px solid #ece9d8;
	}


	/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
	.dpDayHighlightTD {
		background-color: #CCCCCC;
		border: 1px solid #AAAAAA;
	}


	/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
	.dpTDHover {
		background-color: #aca998;
		border: 1px solid #888888;
		cursor: pointer;
		color: red;
	}


	/* the table cell that holds the name of the month and the year */
	.dpTitleTD {
	}


	/* a table cell that holds one of the forward/backward buttons */
	.dpButtonTD {
	}


	/* the table cell that holds the "This Month" or "Close" button at the bottom */
	.dpTodayButtonTD {
	}


	/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
	.dpDayTD {
		background-color: #CCCCCC;
		border: 1px solid #AAAAAA;
		color: white;
	}


	/* additional style information for the text that indicates the month and year */
	.dpTitleText {
		font-size: 12px;
		color: gray;
		font-weight: bold;
	}


	/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */
	.dpDayHighlight {
	
		font-weight: bold;
	}


	/* the forward/backward buttons at the top */
	.dpButton {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: gray;
		background: #d8e8ff;
		font-weight: bold;
		padding: 0px;
	}


	/* the "This Month" and "Close" buttons at the bottom */
	.dpTodayButton {
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: gray;
		background: #d8e8ff;
		font-weight: bold;
	}
</style>
